<!DOCTYPE HTML>
<html lang="en-US">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<meta name="author" content="" />
		<title>Home - Intranet</title>
		<!-- Stylesheet -->
		<link href="./css/bootstrap.min.css" rel="stylesheet" media="screen" />
		<link href="./css/custom.css" rel="stylesheet" media="screen" />
		<link href="./css/bootstrap-responsive.min.css" rel="stylesheet" media="screen" />

		<!--[if lt IE 9]>
			<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
			<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
		<![endif]-->
	</head>
	<body>
		<!-- Content start -->
		<div class="container-fluid">
			<div class="row-fluid">
				<div class="span6">
					<div class="btn-info">
						<h3 class="muted">Project List</h3>
					</div>
					<!-- Navigation start -->
					<div class="navbar list-navbar">
						<div class="navbar-inner">
							<nav class="nav-collapse">
								<ul class="nav pull-left">
									<li class="active"><a href="/running/" title="Running">Running</a></li>
									<li class="divider-vertical"></li>
									<li><a href="/support-period/" title="Support Period">Support Period</a></li>
									<li class="divider-vertical"></li>
								</ul>
								<ul class="nav pull-right">
									<li class="download-all"><a href="#" title="Download CSV for all projects"><i class="icon-download-csv"></i></a></li>
								</ul>
							</nav>
						</div>
					</div>
					<!-- navigation end -->

					<!-- search info start -->
					<div class="row-fluid alert-info">
						<div class="span6 data-table-info">
							<p>Showing 1 to 10 of 74 entries</p>
						</div>
						<div class="span6">
							<form class="form-search">
								<label for="inputSearch">Search:</label>
								<input type="text" id="inputSearch" value="" />
							</form>
						</div>
					</div>
					<!-- search info end -->

					<!-- project list start -->
					<table class="table table-striped">
						<thead>
							<tr class="btn-info">
								<th>Project</th>
								<th>Creation Date PM</th>
								<th>Sales</th>
								<th>Start Date</th>
								<th><i class="icon-download"></i></th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>013-004: ACE Media</td>
								<td>05/02/13</td>
								<td>visay</td>
								<td>01/01/13</td>
								<td>
									<div class="btn-group btn-group-vertical">
										<a href="#" title="" class="btn"><i class="icon-excel-x"></i></a>
										<a href="#" title="" class="btn"><i class="icon-excel-f"></i></a>
										<a href="#" title="" class="btn"><i class="icon-excel-nc"></i></a>
									</div>
								</td>
							</tr>
							<tr>
								<td>013-004: ACE Media</td>
								<td>05/02/13</td>
								<td>visay</td>
								<td>01/01/13</td>
								<td>
									<div class="btn-group btn-group-vertical">
										<a href="#" title="" class="btn"><i class="icon-excel-x"></i></a>
										<a href="#" title="" class="btn"><i class="icon-excel-f"></i></a>
										<a href="#" title="" class="btn"><i class="icon-excel-nc"></i></a>
									</div>
								</td>
							</tr>
							<tr>
								<td>013-004: ACE Media</td>
								<td>05/02/13</td>
								<td>visay</td>
								<td>01/01/13</td>
								<td>
									<div class="btn-group btn-group-vertical">
										<a href="#" title="" class="btn"><i class="icon-excel-x"></i></a>
										<a href="#" title="" class="btn"><i class="icon-excel-f"></i></a>
										<a href="#" title="" class="btn"><i class="icon-excel-nc"></i></a>
									</div>
								</td>
							</tr>
							<tr>
								<td>013-004: ACE Media</td>
								<td>05/02/13</td>
								<td>visay</td>
								<td>01/01/13</td>
								<td>
									<div class="btn-group btn-group-vertical">
										<a href="#" title="" class="btn"><i class="icon-excel-x"></i></a>
										<a href="#" title="" class="btn"><i class="icon-excel-f"></i></a>
										<a href="#" title="" class="btn"><i class="icon-excel-nc"></i></a>
									</div>
								</td>
							</tr>
							<tr>
								<td>013-004: ACE Media</td>
								<td>05/02/13</td>
								<td>visay</td>
								<td>01/01/13</td>
								<td>
									<div class="btn-group btn-group-vertical">
										<a href="#" title="" class="btn"><i class="icon-excel-x"></i></a>
										<a href="#" title="" class="btn"><i class="icon-excel-f"></i></a>
										<a href="#" title="" class="btn"><i class="icon-excel-nc"></i></a>
									</div>
								</td>
							</tr>
						</tbody>
					</table>
					<div class="row-fluid alert-info">
						<div class="span6">
							<form class="form-horizontal">
								Show
								<select class="span3" id="selectOption">
									<option value="10">10</option>
									<option value="25" selected="selected">25</option>
									<option value="50">50</option>
									<option value="100">100</option>
								</select>
								entries
							</form>
						</div>
						<div class="span6">
							<div class="pagination pagination-mini custom-pagination">
								<ul>
									<li class="disabled"><a href="" title="">First</a></li>
									<li class="disabled"><a href="" title="">Previous</a></li>
									<li class="active"><a href="#" title="">1</a></li>
									<li><a href="#" title="">2</a></li>
									<li><a href="#" title="">3</a></li>
									<li><a href="#" title="">4</a></li>
									<li><a href="#" title="">5</a></li>
									<li><a href="#" title="">Next</a></li>
									<li><a href="#" title="">Last</a></li>
								</ul>
							</div>
						</div>
					</div>
					<!-- project list end -->
				</div>
				<div class="span6">
					It is for Tonglin
				</div>
			</div>
		</div>
		<!-- Content end -->
		<!-- Javascript -->
		<script src="http://code.jquery.com/jquery.js"></script>
		<script src="./js/bootstrap.min.js"></script>
	</body>
</html>